Ext.onReady(function() {
	var store = Ext.create('Ext.data.JsonStore', {
				fields : [{
							name : 'uid'
						}, {
							name : 'relid'
						}, {
							name : 'comp'
						}, {
							name : 'inputnode'
						}, {
							name : 'file1'
						}, {
							name : 'file2'
						}, {
							name : 'file3'
						}, {
							name : 'file4'
						}, {
							name : 'file4'
						}, {
							name : 'file5'
						}, {
							name : 'file6'
						}, {
							name : 'file7'
						}, {
							name : 'file8'
						}, {
							name : 'file9'
						}, {
							name : 'file10'
						}, {
							name : 'file11'
						}, {
							name : 'file12'
						}, {
							name : 'file13'
						}, {
							name : 'file14'
						}, {
							name : 'file15'
						}, {
							name : 'file16'
						}, {
							name : 'file17'
						}, {
							name : 'file18'
						}, {
							name : 'file19'
						},{
							name : 'remark'
						}],
				pageSize : 20, // 每页多少条
				proxy : {
					type : 'ajax',
					url : 'getAllfacs.do',
					reader : {
						type : 'json',
						root : 'facs',
						totalProperty : 'total'
					}
				}
			});
	store.loadPage(1);
	// 查询表单
	var sform = Ext.create('Ext.form.Panel', {
				height : 40,
				frame : true,
				layout : {
					type : 'hbox',
					align : 'middle'
				},
				region : 'north',
				items : [{
							xtype : 'textfield',
							labelAlign : 'right',
							labelWidth : 60,
							width : 260,
							fieldLabel : '单据编号',
							name : 'relid'
						}, {
							xtype : 'button',
							width : 60,
							margin : '0 0 0 10',
							iconCls : 'button-search',
							text : '查询',
							handler : sear
						}, {
							xtype : 'button',
							text : '刷新',
							margin : '0 0 0 10',
							iconCls : 'button-refresh',
							handler : function() {
								window.location.reload();
							}
						}]
			});

	function sear() {
		var values = sform.getForm().getValues();
		store.proxy.extraParams = values;
		store.loadPage(1);
	}

	// 添加和修改表单
	var saveform = Ext.create('Ext.form.Panel', {
				frame : true,
				border : false,
				layout : 'form',
				/*
				 * defaults : { xtype : 'textfield', width : 180, style : '',
				 * labelAlign : 'right', labelWidth : 60, allowBlank : false },
				 */
				items : [{
							xtype : 'fieldset',
							title : 'LNG工厂生产数据',
							layout : {
								type : 'table',
								columns : 5
							},
							defaults : {
								xtype : 'textfield',
								width : 180,
								labelAlign : 'right',
								labelWidth : 65,
								allowBlank : false
							},
							items : [{
										xtype : 'textfield',
										hidden : true,
										name : 'uid'
									}, {
										xtype : 'displayfield',
										fieldLabel : '分公司',
										readOnly : true,
										name : 'comp'
									}, {
										xtype : 'displayfield',
										fieldLabel : '站点',
										readOnly : true,
										name : 'inputnode'
									}, {
										xtype : 'displayfield',
										fieldLabel : '单据编号',
										width : 260,
										labelWidth : 60,
										colspan : 3,
										readOnly : true,
										name : 'relid'
									}, {
										fieldLabel : '冷箱日进气量',
										name : 'file1'
									}, {
										fieldLabel : '质量流量计',
										name : 'file2'
									}, {
										fieldLabel : 'A罐上次液位',
										name : 'file3'
									}, {
										fieldLabel : 'B罐上次液位',
										name : 'file4'
									}, {
										fieldLabel : '当日充装量',
										name : 'file5'
									}, {
										fieldLabel : '今日充装车数',
										name : 'file6'
									}, {
										fieldLabel : 'LNG入库量',
										name : 'file7'
									}, {
										fieldLabel : '工厂用电量',
										name : 'file8'
									}, {
										fieldLabel : '办公楼用电量',
										name : 'file9'
									}, {
										fieldLabel : '生活楼用电量',
										name : 'file10'
									}, {
										fieldLabel : '全厂用电量',
										name : 'file11'
									}, {
										fieldLabel : 'LNG工厂用水量',
										name : 'file12'
									}, {
										fieldLabel : '办公楼用水量',
										name : 'file13'
									}, {
										fieldLabel : '生活楼用水量',
										name : 'file14'
									}, {
										fieldLabel : '工业园区站用水量',
										name : 'file15'
									}, {
										fieldLabel : '绿化用水',
										name : 'file16'
									}, {
										fieldLabel : '全园区用水量',
										name : 'file17'
									}, {
										fieldLabel : 'BOG回气量',
										name : 'file18'
									}, {
										fieldLabel : '废油',
										name : 'file19'
									}]
						}]
			});
	// 添加表单窗口
	var savewin = function() {
		saveform.getForm().reset();
		var rec = grid.getSelectionModel().getLastSelected();
		if (rec == null) {
			alert("请选择要修改的数据");
		} else {
			Ext.create('Ext.window.Window', {
				titleAlign : 'center',
				title : 'LNG工厂数据修改',
				buttonAlign : 'center',
				border : false,
				autoScroll : true,
				closable : true,
				closeAction : 'close',
				height : 520,
				width : 960,
				items : [saveform],
				buttons : [{
							text : '确定',
							iconCls : 'button-accept',
							handler : function() {
								var forf = saveform.getForm();
								if (forf.isValid()) {
									forf.submit({
												url : 'saveFactoryDate.do',
												success : function(form, action) {
													alert(action.result.res.result);
												}
											});
									this.up('window').close();
								}
							}
						}, {
							text : '取消',
							handler : function() {
							}
						}]
			}).show();
			// alert(rec.data);//获取数据具体内容,通过rec.data.*可单独取出
			// var data=Object.getOwnPropertyNames(rec);//
			// alert(Ext.encode(rec));//转JSON
			// alert(rec.data.id);
			saveform.getForm().loadRecord(rec);// 加载record需放在window.show()之后
		}
	};
	// 中央表格面板
	var selModel = Ext.create('Ext.selection.CheckboxModel', {
		injectChectbox : 'first',
		mode : "SINGLE"
			// allowDeselect : true//
			// 如果为true，并且mode值为单选（single）时，可以通过点击checkbox取消对其的选择
		});
	var grid = Ext.create('Ext.grid.Panel', {
				region : 'center',
				columnLines : true,
				selModel : selModel,
				store : store,// 必须配置
				tbar : [{
							xtype : 'button',
							text : '修改',
							iconCls : 'button-add',
							handler : savewin
						}],
				columns : [{
							header : '单据编号',
							width : 200,
							dataIndex : 'relid'
						}, {
							header : '分公司',
							dataIndex : 'comp'
						}, {
							header : '站点',
							width : 160,
							dataIndex : 'inputnode'
						}, {
							header : '冷箱日进气量',
							dataIndex : 'file1'
						}, {
							header : '质量流量计',
							dataIndex : 'file2'
						}, {
							header : 'A罐上次液位',
							dataIndex : 'file3'
						}, {
							header : 'B罐上次液位',
							dataIndex : 'file4'
						}, {
							header : '当日充装量',
							dataIndex : 'file5'
						}],
				dockedItems : [{
							xtype : 'pagingtoolbar',
							store : store, // 分页数据使用跟gridPanel同样的数据
							dock : 'bottom',
							displayMsg : '显示{0}-{1}条,共{2}条',
							emptyMsg : "没有数据",
							beforePageText : '第',
							afterPageText : '页共{0}页',
							displayInfo : true
						}]
			});
	Ext.create('Ext.Viewport', {
				title : '主要内容',
				layout : 'border',
				items : [sform, grid],
				renderTo : Ext.getBody()
			});
});
